doctype html
html
    head
        title= title
        link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
        link(rel='stylesheet', href='/stylesheets/bootstrap-material-design.min.css')
        link(rel='stylesheet', href='/stylesheets/ripples.min.css')
        link(rel='stylesheet', href='/stylesheets/snackbar.min.css')
        link(rel='stylesheet', href='/stylesheets/style.css')
        script(src='/javascripts/jquery.min.js' type='text/javascript')
        script(src='/javascripts/bootstrap.min.js' type='text/javascript')
        script(src='/javascripts/material.min.js' type='text/javascript')
        script(src='/javascripts/ripples.min.js' type='text/javascript')
        script(src='/javascripts/snackbar.min.js' type='text/javascript')
        script(src='/javascripts/index.js' type='text/javascript')
    body
        .bs-component
            .navbar.navbar-info
                .container-fluid
                    .navbar-header
                        button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-responsive-collapse')
                            span.icon-bar
                            span.icon-bar
                            span.icon-bar
                        a.navbar-brand(href='/')
                            div(style='display:inline-block')
                                img(src='/images/logo.png' style='width:75%;position:relative;top:-3px;')
                            span.text-default UT-DICT&nbsp;&nbsp;&nbsp;英文词汇开放平台

                    .navbar-collapse.collapse.navbar-responsive-collapse
                        ul.nav.navbar-nav.navbar-right
                            li
                                a.nav-links(href='/document') API文档
                            li
                                a#export(href='javascript:void(0)') 导出词库
                        .navbar-form.navbar-right
                            .form-group
                                input#wordInput.form-control.col-md-8(type='text', placeholder='  输入单词')
                                span#searchBtn.material-icons.control-label search
            .progress(style='position: relative;top: -20px;')
                .progress-bar(style='width: 0;')
        #exportModal.modal.fade
            .modal-dialog
                .modal-content
                    .modal-header
                        button.close(type='button',data-dismiss='modal',aria-hidden='true') x
                        .modal-title 选择导出格式
                    .modal-body
                        .form-inline
                            .radio.radio-primary.col-sm-6
                                label(style='color:#555')
                                    input(type='radio', name='optionsRadios', value='json', checked='')
                                    | &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;JSON(.json)
                            .radio.radio-primary.col-sm-6
                                label(style='color:#555')
                                    input(type='radio', name='optionsRadios', value='sqlite')
                                    | &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sqlite3(.db3)

                    .modal-footer
                        button.btn.btn-warning(type='button', data-dismiss='modal') 取消
                        button#sureExport.btn.btn-primary(type='button') 确认
        block content
        script $.material.init();